<template>
	<view>

		<view class="comment">

			<view class="name">
				<image src="../../static/img/homepage/s4.jpg"></image>
				<text>夹克厨房</text>
			</view>

			<view class="score">
				<view class="forScore">为商家服务打分</view>
				<view class="rate">
					<uni-rate size="35" margin="5"></uni-rate>
				</view>
			</view>


			<view class="ops">
				<view class="title">请选择想推荐或吐槽的商品（选填）</view>
				<view class="foodItem" v-for="item in list">
					<text class="foodName">{{item}}</text>
					<text class="icon">
						<text class="iconfont icondianzan"></text>
						<text class="iconfont iconcai"></text>
					</text>
				</view>

				<view class="clearRate">
					<text class="clearRateOne">卫生环境</text>
					<uni-rate class="myrate" size="25" margin="5"></uni-rate>
				</view>

				<view class="write" >
					<textarea placeholder-style="background: #f3f3f3; font-size:24upx;" :placeholder="desc" />
				</view>
				
				<view class="submit" >
					<button @click="submit" type="primary">提&nbsp;交</button>
				</view>
				
			</view>
			
			

		</view>

	</view>
</template>

<script>
	import {
		uniRate
	} from "@dcloudio/uni-ui";
	
	import '../../static/iconfont/iconfont.css';
	
	var list = ['肯德基','李十八面皮','杨国福麻辣烫'];
    var _self;
	export default {
		data() {
			return {
				list: list,
				desc:'',
			};
		},
		onLoad(){
			this.desc = '您的评价将匿名发送给商家';
		},
		onReady(){
		},
		methods:{
			submit(){
				uni.navigateTo({
					url: 'order-evaluate-success'
				});
			}
		},
		components:{
			uniRate
		}
	}
</script>

<style lang="less">
	@import url("order-evaluate");
</style>
